﻿@-webkit-keyframes rotate3DSlideOutRight {
	from { }

	/* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px); opacity: 0; }
}
@keyframes rotate3DSlideOutRight {
	from { }

	/* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { -webkit-transform: translateX(40%) rotateY(-45deg) translateZ(-300px); transform: translateX(40%) rotateY(-45deg) translateZ(-300px); opacity: 0; }
}
@-webkit-keyframes rotate3DSlideOutLeft {
	from { }

	/* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px); opacity: 0; }
}
@keyframes rotate3DSlideOutLeft {
	from { }

	/* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { -webkit-transform: translateX(-40%) rotateY(45deg) translateZ(-300px); transform: translateX(-40%) rotateY(45deg) translateZ(-300px); opacity: 0; }
}
@-webkit-keyframes rotate3DSlideInLeft {
	from { -webkit-transform: translateX(-40%)rotateY(45deg)translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
@keyframes rotate3DSlideInLeft {
	from { -webkit-transform: translateX(-40%)rotateY(45deg)translateZ(-300px); transform: translateX(-40%) rotateY(45deg) translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
@-webkit-keyframes rotate3DSlideInRight {
	from { -webkit-transform: translateX(40%)rotateY(-45deg)translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
@keyframes rotate3DSlideInRight {
	from { -webkit-transform: translateX(40%)rotateY(-45deg)translateZ(-300px); transform: translateX(40%) rotateY(-45deg) translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
@-webkit-keyframes rotate3DSlideInRight {
	from { -webkit-transform: translateX(40%)rotateY(-45deg)translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
@keyframes rotate3DSlideInRight {
	from { -webkit-transform: translateX(40%)rotateY(-45deg)translateZ(-300px); transform: translateX(40%) rotateY(-45deg) translateZ(-300px); }
	to { -webkit-transform: translateX(0) rotateY(0deg) translateZ(0); transform: translateX(0) rotateY(0deg) translateZ(0); opacity: 1; }
}
.pictur-browse-wrap { width: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; bottom: 0; overflow-y: auto; overflow-x: hidden; display: none; opacity: 0; z-index: 200; }
[class^="absl-btn-"],
[class*=" absl-btn-"] { position: absolute; border: none; color: #fff !important; background-color: #333; border-radius: 0; }
[class^="absl-btn-"]:hover,
[class*=" absl-btn-"]:hover { background-color: rgba(0, 0, 0, .5); }
.pictur-browse-wrap .absl-btn-close { top: 0; right: 0; width: 50px; height: 50px; z-index: 1; }
.pictur-browse-wrap .absl-btn-close>span { font-size: 40px; position: absolute; top: -3px; left: 14px; }
.pictur-browse-wrap>.absl-btn-prev { left: 0; top: 50%; margin-top: -50px; height: 100px; width: 50px; }
.pictur-browse-wrap>.absl-btn-next { right: 0; top: 50%; margin-top: -50px; height: 100px; width: 50px; }
.pictur-browse-wrap>.absl-btn-prev,
.pictur-browse-wrap>.absl-btn-next { background-color: transparent; transition: all .4s ease; -webkit-transition: all .4s ease; z-index: 10; }
.pictur-browse-wrap>.absl-btn-prev:hover,
.pictur-browse-wrap>.absl-btn-next:hover { background-color: #333; }
.pictur-browse-wrap>.absl-btn-prev:before,
.pictur-browse-wrap>.absl-btn-next:before { position: absolute; top: 16px; left: 0px; font-size: 50px; }
.pictur-browse-wrap>.absl-btn-next:before { left: 0px; }
.pictur-browse-wrap>.pic-bro-diglog { margin: 40px auto; width: 1030px; position: relative; }
.pic-bro-diglog>.pic-bro-view { width: 700px; background: #fff; padding: 10px 10px 30px 10px; display: inline-block; vertical-align: top; margin-right: 10px; }
.pic-bro-diglog>.pic-bro-view>.title { overflow: hidden; margin-bottom: 10px; }
.pic-bro-diglog>.pic-bro-view>.picture { position: relative; border: 1px solid #eee; }
.pic-bro-diglog>.pic-bro-view>.picture img { max-width: 100%; min-width: 30%; min-height: 100px; display: block; margin: 0 auto; cursor: pointer; }
.pic-bro-diglog>.pic-bro-view>.title>.spa_gray { float: left; }
.pic-bro-diglog>.pic-bro-view>.title>.source_img { float: right; font-size: 18px; padding: 4px 8px; background-color: #F9F9F9; border: 1px solid #c7c7c7; }
.pic-bro-diglog>.pic-bro-view>.title>.pic_date{ display: inline-block; height: 35px; line-height: 35px;}
/*.pic-bro-diglog>.pic-bro-view>.title>button { margin-left: 10px; height: 35px; border-radius: 0; }
.pic-bro-diglog .img_cz { padding: 2px 10px; background-color: #F9F9F9; border: 1px solid #c7c7c7; color: #ff761b; margin-left: 10px; height: 35px; }*/
.pic-bro-diglog>.pic-bro-view>.title>button { margin-left: 10px; height: 35px;}
.pic-bro-diglog .img_cz {
    min-width: 80px;
    padding: 2px 10px;
    border: 1px solid #44B549;
    color: #44B549;
    background: none;
}

.pic-bro-diglog .img_cz.icon_selected {
    color: white;
    background: #44B549;
}
.pic-bro-diglog .img_cz .iconfont { font-size: 18px; margin-right: 4px; }
.pic-bro-diglog>.pic-bro-ctrl { width: 320px; display: inline-block; vertical-align: top;}
.pic-bro-diglog>.pic-bro-view>.picture>ul { padding: 0; margin: 0; position: relative; z-index: 1; }
.pic-bro-diglog>.pic-bro-view>.picture>ul>li { width: 100%; padding: 0; margin: 0; position: absolute; top: 0; left: 0; opacity: 0; display: none; }
.pic-bro-diglog>.pic-bro-view>.picture>ul>.current { display: block; opacity: 1; position: relative; }
.picture .itemwrap { -webkit-perspective: 1400px; perspective: 1400px; border: 1px solid rgba(199, 199, 199, .05); min-height: 484px; background: url("../../../images/pic_preview/pic-preview-bg.png"); }
.picture .navOutNext { -webkit-animation: rotate3DSlideOutLeft 0.3s forwards; animation: rotate3DSlideOutLeft 0.3s forwards; }
.picture .navInNext { -webkit-animation: rotate3DSlideInRight 0.3s 0.1s forwards; animation: rotate3DSlideInRight 0.3s 0.1s forwards; display: block !important; }
.picture .navOutPrev { -webkit-animation: rotate3DSlideOutRight 0.3s forwards; animation: rotate3DSlideOutRight 0.3s forwards; }
.picture .navInPrev { -webkit-animation: rotate3DSlideInLeft 0.3s 0.1s forwards; animation: rotate3DSlideInLeft 0.3s 0.1s forwards; display: block !important; }
.float-srcpreivew { position: fixed; width: 100%; overflow: auto; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(100, 100, 100, 1); opacity: 0; display: none; z-index: 11; }
.float-srcpreivew-outer { position: fixed; top: 0; left: 0; width: 100%; overflow: auto; z-index: 2; }
.float-srcpreivew-img>img { position: absolute; max-width: 100%; transition: all ease 0.5s; }
#absl-btn-close2 { position: absolute; z-index: 3; right: 0; top: 0; }
.pic-bro-ctrl>.ctrl-tag-title { background: #fff; margin-bottom: 10px; padding: 16px 10px 10px; }
.pic-bro-ctrl>.ctrl-tag-title>.title { overflow: hidden; font-size: 16px; margin-bottom: 15px; }
.ctrl-tag-title>.tags-div { margin-bottom: 10px; }
.ctrl-tag-title>.tags-div>button { border: 1px solid #CDC9C4; background-color: #fff; border-radius: 11px; padding: 1px 8px; margin-right: 3px; margin-bottom: 3px; transition: all .4s ease; -webkit-transition: all .4s ease; }
.ctrl-tag-title>.tags-div>button:hover { border-color: #00B74E; color: #00B74E; }
.pic-bro-ctrl>.ctrl-tag-title>.title>.title-text { display: block; float: left; font-size: inherit; max-width: 100%; }
.pic-bro-ctrl>.ctrl-tag-title>.title>.pic-count { display: table; float: right; font-size: inherit; }
.pic-bro-ctrl>.ctrl-tag-recom { background-color: #fff; padding: 10px; }
.pic-bro-ctrl>.ctrl-tag-title>.text-foot { overflow: hidden; margin-bottom: 10px; }
.pic-bro-ctrl>.ctrl-tag-title>.text-foot>.from { display: table; float: left; }
.pic-bro-ctrl>.ctrl-tag-title>.text-foot>.category { margin-left: 80px; }
.ctrl-tag-title>.text-foot>.category>a:link { color: #B4B4B4 !important; }
.ctrl-tag-title>.text-foot>.category>a:hover { text-decoration: underline; }
.ctrl-tag-recom>.tag-inner { border: none; }
#pictur-browse-wrap .pictur-columns { border: 1px solid #c7c7c7; }
.ctrl-tag-recom>.tag-inner>.tag-column-choose { height: 46px; border-bottom: none; overflow: hidden; background: #fff; }
.ctrl-tag-recom>.tag-inner>.tag-column-choose>button { padding: 8px; border-radius: 0; background: transparent;/* 		border: 1px solid #c7c7c7; */ width: 50%; margin: 0; display: inline-block; vertical-align: bottom; font-size: 16px; }
.ctrl-tag-recom>.tag-inner>.tag-column-choose>.selected { margin-top: 0; padding: 12px 0; border-radius: 0;/* 	color: rgb(68, 181, 73); */ cursor: default;	/* -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, .2); */ }
	#pictur-browse-wrap .tag-column-choose .recommend { border-right: none }
	#pictur-browse-wrap .tag-column-choose .recommend.selected {	/* border-right: 1px solid #c7c7c7 */
	text-align: left; cursor: default; }
	#pictur-browse-wrap .tag-column-choose .classify { border-left: none }
	#pictur-browse-wrap .tag-column-choose .classify.selected { border-left: 1px solid #c7c7c7 }
	.tag-inner>.pictur-columns>.column>ul { padding: 6px 0 6px 6px; width: 100%; overflow: hidden; }
	.tag-inner>.pictur-columns>.column>ul>li { width: 48%; margin-bottom: 6px; cursor: pointer; float: left; margin-right: 8px; height: 100px; }
	.tag-inner>.pictur-columns>.column>ul>li:nth-child(even) { margin-right: 3px; }
	.tag-inner>.pictur-columns>.column>ul>li>img { width: 100%; height: 100%; background-image: url(../../../images/loading.gif); background-repeat: no-repeat; background-position: center; object-fit: cover; border: 1px solid #eee; }
	.pic-bro-diglog .picture .itemwrap:hover .current .collect-like { opacity: 1 !important; }
	.tag-inner>.pictur-columns>.column { width: 100%; overflow: auto; height: 363px; position: relative;z-index: 1; }
	.tag-inner>.pictur-columns>.column .spinner { position: absolute; top: 48%; left: 0; }
	.tag-inner>.pictur-columns>.column .collect-like { display: none; }
	.tag-inner>.pictur-columns>.column2 { display: none; }
	#pictur-browse-wrap .collect-like { opacity: 0; transition: all .4s ease; -webkit-transition: all .4s ease; position: absolute; width: 100%; text-align: center; z-index: 2; margin-bottom: -40px; margin-top: 10px; }
	#pictur-browse-wrap .collect-like>button { background-color: rgba(255, 255, 255, 1); border: 1px solid #ccc; color: #ff761b; padding: 5px 11px; margin-right: 10px; display: none; }
	.collect-like>button>.iconfont { font-size: 20px; margin-right: 2px; }
	.pictur-columns .column>.gray { position: absolute; top: 49%; left: 0; display: none; width: 100%; text-align: center; }
	.float-srcpreivew-img { background-image: url(../../../images/loading.gif); background-position: center center; background-repeat: no-repeat; display: block; margin: 0 auto; min-width: 100px; min-height: 100px; }
	.single_header .info1 { font-size: 16px; overflow: hidden; margin-bottom: 6px; }
	.single_header .info2 { overflow: hidden; min-height: 34px; }
	.single_header .title-text { display: inline-block; width: 180px; font-size: inherit; vertical-align: middle; margin-right: 14px; }
	.single_header .img_date { float: right; margin-right: 10px; margin-top: 5px; }
	.single_header .img_from { display: inline-block; vertical-align: middle; width: 120px; margin-right: 14px; }
	.single_header .source_img { float: right; font-size: 18px; padding: 4px 8px; background-color: #F9F9F9; border: 1px solid #c7c7c7; }
	.single_header .gray { vertical-align: middle; }
	.single_header .tags-div { overflow: hidden; display: inline-block; }
	.single_header .tags-div button { border: 1px solid #CDC9C4; background-color: #fff; border-radius: 11px; padding: 2px 8px; margin-right: 3px; margin-bottom: 3px; transition: all .4s ease; -webkit-transition: all .4s ease; }
	.single_header .tags-div>button:hover { border-color: #00B74E; color: #00B74E; }
	#pictur-browse-wrap .single_header { display: none; }
	#pictur-browse-wrap.singleImg .img_info { display: none; }
	#pictur-browse-wrap.singleImg .single_header { display: block; }
	#pictur-browse-wrap.singleImg .pic-bro-ctrl { display: none !important; }
	#pictur-browse-wrap.singleImg .pic-bro-view { margin: 0 auto; display: block; }
/*分享*/
.img_share{ margin-right: 5px; height: 35px; line-height: 35px;}
.img_share em{ font-style: normal; display: inline-block; vertical-align: middle;}
.img_share a {
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    text-decoration:none;
    display: inline-block;
    vertical-align: middle;
    color: #9c9c9c;
    margin-right: 4px;
}
.img_share .qzone:hover {
    color: #f5b101;
}

.img_share .weixin {
    color: #44b549;
    font-size: 15px;
}

.img_share .sina {
    font-size: 19px;
}
.img_share .sina:hover{ color: #f56467;}

.img_share .qzone:before {
    content: '\e610';
}

.img_share .weixin:before {
    content: "\e620";
}

.img_share .sina:before {
    content: "\e614";
}